import styles from './index.module.less'
import IconFont from '@/components/IconFont'

interface ListItem {
    id: number
    cover: string
    name: string
    detail: string
}

interface ListType {
    list?: ListItem[]
}

const JobEvaluation = ({ list }: ListType) => {
    return (
        <div className={styles.JobEvaluation}>
            {list?.map((item: ListItem) => {
                return (
                    <div className={styles.JobEvaluation_item} key={item.id}>
                        <div className={styles.img_box}>
                            <img src={item.cover} alt="" />
                        </div>
                        <div className={styles.content}>
                            <div className={styles.top_box}>
                                <div className={styles.title}>{item.name}</div>
                                <IconFont type="icon-zuojiantou" className={styles.zuojiantou_icon} />
                            </div>
                            <div className={styles.info}>{item.detail}</div>
                        </div>
                    </div>
                )
            })}
        </div>
    )
}

export default JobEvaluation
